<template>
    <div class="aside">
        <asideHeader :fTop="fTop"/>
        <asideInform/>
        <asidePerson/>
    </div>
</template>

<script>
import asideHeader from "./asideHeader"
import asidePerson from "./asidePerson"
import asideInform from "./asideInform"
export default {
    components:{
        asideHeader,
        asidePerson,
        asideInform
    },
    mounted(){
        let aTop=document.querySelector(".aside").offsetHeight
        this.fTop=aTop
    },
    data(){
        return {
            fTop:""
        }
    },
}
</script>

<style lang="less" scoped>
.aside{
    width:25%;
    float:right;
}
    @media all and(max-width: 900px) {
        .aside{
            display:none;
        }
    }
</style>